/***************************************
Notifications
****************************************/

.notif_span {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  display: inline-block;
}

.notif_angleIcon {
    font-size: 1.4em;
    top: 2px;
    position: relative;
    padding-left: 4px;
}

.notif_bellIcon {
    font-size: 1.2em;
}

.notif_closeIcon {
    box-shadow: none;
}

.notif_dismissIcon {
    font-size: 1.4em;
    position: relative;
    top: 3px;
}

.notif_dismissButton {
    padding: 10px;
    display: inline-block;
}

.notif_doNotDisturbButton {
    padding-top: 10px;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.notif_doNotDisturbDropDownMenu {
    position: absolute !important;
    top: -100px !important;
    left: 289px !important;
    z-index: 2001;
}

.notif_buttonContainer {
    background-color: #f5f5f5;
    text-align: right;
    background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
    border: 1px solid #bbbbbb;
    position: fixed;
    width: 450px;
    bottom: 5px;
    right: 10px;
    z-index: 2001;
}

.notif_toastContainer {
    z-index: 2000;
}

.notif_notificationsPanel {
    position: absolute;
    top: 400px;
    right: 10px;
    width: 450px;
    min-height: calc(100% - 400px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 45px;
}

.notif_notificationsPanel .alert {
    margin-bottom: 5px;
}

.notif_inline {
    display: inline;
}

.notif_toast {
    width: 450px;
}
